<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="于浩">
        <title>爱迷尼儿童摄影</title>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <style>
            nav{
                /*height: 80px;*/
            }

            a{
                font-size: 20px;
            }
        </style>
    </head>
    <body>
        <nav class="navbar navbar-inverse row" role="navigation" style="margin-bottom: 0;">
            <div class="navbar-header col-sm-2">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#down">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#" style="font-size: 24px;">爱迷尼儿童摄影</a>
            </div>
            <div class="collapse navbar-collapse" id="down">
                <ul class="nav navbar-nav">
                    <li><a href="">首页</a></li>
                    <li><a href="">客户</a></li>
                    <li><a href="">宝贝</a></li>
                    <li><a href="">孕妈咪</a></li>
                    <li><a href="">会员卡</a></li>
                    <li><a href="">订单</a></li>
                    <li><a href="">预约</a></li>
                    <li><a href="">数据</a></li>
                    <li><a href="">产品</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="" class="dropdown-toggle" data-toggle="dropdown">常伟<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#py">选项1</a></li>
                            <li class="divider"></li>
                            <li><a href="#">选项2</a></li>
                            <li class="divider"></li>
                            <li><a href="#">选型3</a></li>
                            <li class="divider"></li>
                            <li><a href="#">选项4</a></li>
                        </ul>
                    </li>
                    <li><a href="#" style="margin-right: 80px;">退出</a></li>
                </ul>
            </div>
        </nav>

        <header style="background-color: thistle; height: 53px; ">
            <div class="col-md-offset-2" style="height: 33px; padding-top: 10px;">
                <h2 style="margin: 0 0;">添加客户</h2>
            </div>        
        </header>

        <main class="col-md-offset-1" style="margin-top: 60px;">
            
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label for="username" class="col-sm-2 control-label">客户姓名:</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control " name="username" value="" placeholder="客户姓名">
                    </div>                    
                </div>
                
                <div class="form-group">
                    <label class="col-sm-2 control-label" for="sex">客户性别:</label>
                    <label class="checkbox-inline">
		                <input type="radio" name="sex" id="sex1"  value=""> 男
	                </label>
                    <label class="checkbox-inline">
		                <input type="radio" name="sex" id="sex2"  value=""> 女
	                </label>
                </div>

                <div class="form-group">
                    <label for="QQ" class="col-sm-2 control-label">QQ:</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control " name="QQ" value="" placeholder="QQ号">
                    </div>     
                </div>

                <div class="form-group">
                    <label for="phone_number" class="col-sm-2 control-label">手机号:</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control " name="phone_number" value="" placeholder="手机号">
                    </div>    
                </div>

                <div class="form-group">
                    <label for="telephone" class="col-sm-2 control-label">固定电话:</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control " name="telephone" value="" placeholder="固定电话">
                    </div>    
                </div>

                <div class="form-group">
                    <label for="ID" class="col-sm-2 control-label">身份证号:</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control " name="ID" value="" placeholder="身份证号">
                    </div>    
                </div>

                <div class="form-group">
                    <label for="address" class="col-sm-2 control-label">家庭住址:</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control " name="address" value="" placeholder="家庭住址">
                    </div>  
                </div>

                <div class="form-group">
                    <label for="manager" class="col-sm-2 control-label">客户渠道:</label>
                    <div class="col-sm-2">
                        <select class="form-control">
                            <option>自然进店</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div> 
                </div>


                <div class="form-group">
                    <label for="manager" class="col-sm-2 control-label">客户经理:</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control " name="manager" value="" placeholder="客户经理">
                    </div>  
                </div>

                <div class="form-group">
                    <label for="manager" class="col-sm-2 control-label">备注:</label>
                    <div class="col-sm-4">
                        <textarea class="form-control" rows="3"></textarea>
                    </div>  
                </div>                
            </form>
        </main>





        
        <script src="bootstrap/js/jquery.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
    </body>
</html>